<script lang="ts" setup>
</script>

<template>
    <el-menu
        class="menu"
        default-active="1"
        :collapse="true"
        background-color="#0b222c"
         text-color="#fff"
      >
        <el-menu-item index="1">
          <el-icon><HomeFilled /></el-icon>
        </el-menu-item>
        <el-menu-item index="2">
          <el-icon><location  /></el-icon>
        </el-menu-item>
        <el-menu-item index="3">
          <el-icon><PieChart /></el-icon>
        </el-menu-item>
        <el-menu-item index="4">
          <el-icon><User /></el-icon>
        </el-menu-item>
        <el-menu-item index="5">
          <el-icon><ChatDotRound /></el-icon>
        </el-menu-item>
      </el-menu>
</template>

<style scoped lang="scss" >
.menu{
  width: 100%;
  height: 100%;
}
</style>
